{% extends "base.html" %}
{% block content %}
<br>
<div class="card text-white bg-dark mb-3" style="max-width: 18rem; width:100px; height:120px;float:left;margin-left:20px">
  <div class="card-header">设备总数</div>
  <div class="card-body">
    <h5 class="card-title">3</h5>
    <p class="card-text"></p>
  </div>
</div>
<div class="card text-white bg-danger mb-3" style="max-width: 18rem; width:100px; height:120px;float:left;margin-left:20px">
  <div class="card-header">华为</div>
  <div class="card-body">
    <h5 class="card-title">2</h5>
    <p class="card-text"></p>
  </div>
</div>
<div class="card text-white bg-primary mb-3" style="max-width: 18rem; width:100px; height:120px;float:left; margin-left:20px">
  <div class="card-header">Cisco</div>
  <div class="card-body">
    <h5 class="card-title">1</h5>
    <p class="card-text"></p>
  </div>
</div><br><br><br><br><br><br>
<div class="dev_post" style="margin:0px 10px 0px 0px;">
  <h5 class="mt-1" style="text-align:center">添加设备</h5>
<!--  <h4 class="mt-1" style="text-align:center">修改设备信息</h4>-->
    <form method="post"> <!--需要使用method post方法-->
    {% csrf_token %} <!--django post方法需要加上csrf_token-->
      <div class="mb-2">
        <label for="exampleInputEmail1" class="form-label">IP地址：</label>
        <input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" name="ip" placeholder="not null">
    <!--    <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>-->
      </div>
      <div class="mb-2">
        <label for="exampleInput1" class="form-label">主机名：</label>
        <input type="text" class="form-control" id="exampleInput1" name="hostname" placeholder="not null">
      </div>
      <div class="mb-2">
        <label for="exampleInput2" class="form-label">用户名：</label>
        <input type="text" class="form-control" id="exampleInput2" name="username" placeholder="not null">
      </div>
      <div class="mb-2">
        <label for="exampleInput3" class="form-label">密码：</label>
        <input type="text" class="form-control" id="exampleInput3" name="pwd" placeholder="number">
      </div>
      <div class="mb-2">
        <label for="exampleInputPassword1" class="form-label">端口：</label>
        <input type="text" class="form-control" id="exampleInputPassword1" name="port" placeholder="number">
      </div>
      <label for="exampleInputPassword1" class="form-label">设备厂商</label>
      <select class="form-select" aria-label="Default select example" name="vendor">
        <option selected>--------</option>
        <option value="huawei">华为</option>
        <option value="cisco">Cisco</option>
      </select><br>
      <input type="hidden" name="id" value="Post_info">
      <button type="submit" class="btn btn-primary">提交</button>
    </form>
</div>

{% endblock %}